<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<title></title>
		<script src="../../skin/js/public.js"></script>
		<script src="../../js/guide/guide-detail.js"></script>
		<style>
			.tui_popWin.dialog .content {
				padding: 5px !important;
			}
			.img_box_guide{
				margin-left: 24px;
				margin-right: 24px;
			}
			.img_box_guide img{
				width: 100%;
			}
		</style>
		<script>
					</script>
	</head>

	<body id="guide-detail" class="guide">
		<!--头部-->
		<div class="yl-head">
			<div class="logo"></div>
		</div>
		<div class="yl-container">
			<div class="yl-container-l" id="left">
				
			</div>
			<div class="yl-container-r">
				<div class="yl-title1 bg_1">办事指南</div>
				<div class="bs_title">{{repertoryBase.repoName}}</div>
				<div class="bs_tab ">

					<div class="search_tab">
						<div class="tabBar cl">
							<ul>
								<li class="current" @click="changeview('0')"><span>办理指南要素</span></li>
								<li @click="changeview('1')"><span>办理流程</span>
									<li @click="changeview('2')"><span>申请材料</span>
										<li @click="changeview('3')"><span>结果样本</span>
										</li>
							</ul>
						</div>
						<div class="tabCon cl" id="bs_detail">
							<div class="tab_detail" @scroll="scrollview()">
								<div class="tab_detail_info">
									<div id="first">
										<div class="title">办事指南要素</div>
										<table cellpadding="0" cellspacing="0" border="0" class="table_bs">
											<tr>
												<th>事项名称</th>
												<td colspan=3>{{repertoryBase.repoName}}</td>
											</tr>
											<tr>
												<th>事项类型</th>
												<td colspan=3>{{repertoryBase.doType}}</td>
											</tr>
											<tr>
												<th>实施机构</th>
												<td>{{repertoryBase.orgnName}}</td>
												<th>办理形式</th>
												<td >{{repertoryBase.handleMode}}</td>
											</tr>
											<tr>
												<th>法定办结期限</th>
												<td>{{repertoryBase.legalTimeLimit}}个工作日</td>
												<th>承诺办理期限</th>
												<td>{{repertoryBase.commitTimeLimit}}个工作日</td>
											</tr>
											<tr>
												<th>知否支持物流快递</th>
												<td v-if="repertoryBase.isSupportLogistics==1">是</td>
												<td v-else="">否</td>
												<th>是否支持网上支付</th>
												<td v-if="repertoryBase.isSupportOnlinePay==1">是</td>
												<td v-else="">否</td>
											</tr>
											<tr>
												<th>是否支持预约办理</th>
												<td v-if="repertoryBase.isSupportSubscribe==1">是</td>
												<td v-else="">否</td>
												<th>是否收费</th>
												<td v-if="repertoryBase.isCharge==1">是</td>
												<td v-else="">否</td>
											</tr>
											<tr>							
												<th>结果名称</th>
												<td colspan=3>{{repertoryBase.resultName}}</td>
											</tr>
											<tr>
												<th>收费依据</th>
												<td colspan=3 id="infomation">
												</td>
											</tr>
											<tr>
												<th>办理地点</th>
												<td colspan=3>{{repertoryBase.handleAddress}}</td>
											</tr>
											<tr>
												<th>通办范围</th>
												<td colspan=3>{{repertoryBase.handleRange}}</td>
											</tr>
											<tr>
												<th>设定依据</th>
												<td colspan=3>{{repertoryBase.accordingInfo}}</td>
											</tr>
										</table>
									</div>
									<div id="second">
										<div class="title">办理流程</div>
										<div class="img_box_guide">
											<img :src="img" v-for="img in liuChengPic">
										</div>
									</div>
									<div id="third">
										<div class="title">申请材料</div>
										<div class="datum">
											<a v-for="cailiao in materialName">{{cailiao}}</a>
										</div>
									</div>
									<div id="four">
										<div class="title">结果样本</div>
										<div class="img_box_guide">
											<img :src="img" v-for="img in yangBenPic">
										</div>
									</div>
								</div>
							</div>

						</div>

					</div>
					<div class="btn-box1">
						<button class="btn btn_primary radius btn1 m_scole bg_1" type="button" @click="back()">返回上一级</button>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>